﻿@{
    ViewBag.Title = "Hồ sơ theo Chuyên Ngành";
    AjaxOptions aj = new AjaxOptions
    {
        InsertionMode = InsertionMode.Replace,
        UpdateTargetId = "KetQuaTK",
        LoadingElementId = "loading-icon",
        OnFailure = "AjaxFailure",
        OnBegin = "AjaxBegin",
        OnComplete = "AjaxComplete",
        HttpMethod = "POST",        
    };
}

@using (Ajax.BeginForm(aj))
{
    @*<h5>Thống kê đăng ký hồ sơ theo Chuyên Ngành</h5>*@
    <div class="form-horizontal">
        <div class="col-md-6">
            <div>
                <label class="control-label col-md-3">Từ ngày: </label>
                <div class="col-md-9">
                    <div class="form-group">
                        <div class='input-group date' id='TuNgaydatetimepicker'>
                            <input type='text' class="form-control" data-date-format="DD/MM/YYYY" value="@DateTime.Now.AddDays(-30).ToString("dd/MM/yyyy")" name="TuNgay" placeholder="Chọn ngày bắt đầu" />
                            <span class="input-group-addon">
                                <span class="glyphicon glyphicon-calendar"></span>
                            </span>
                        </div>
                    </div>
                </div>
            </div>
            <div>
                <label class="control-label col-md-3">Đến ngày: </label>
                <div class="col-md-9">
                    <div class="form-group">
                        <div class='input-group date' id='DenNgaydatetimepicker'>
                            <input type='text' class="form-control" data-date-format="DD/MM/YYYY" value="@DateTime.Now.ToString("dd/MM/yyyy")" name="DenNgay" placeholder="Chọn ngày kết thúc" />
                            <span class="input-group-addon">
                                <span class="glyphicon glyphicon-calendar"></span>
                            </span>
                        </div>
                    </div>

                </div>
            </div>
            <div>
                <label class="control-label col-md-3">Bậc đào tạo: </label>
                <div class="col-md-9">
                    <div class="form-group">
                        @Html.DropDownList("BacDaoTao", (SelectList)ViewBag.BacDaoTao, new { @class = "form-control", id = "BacDaoTao" })
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-6">

            <div>
                <label class="control-label col-md-3">Khối thi: </label>
                <div class="col-md-9">
                    <div class="form-group">
                        @Html.DropDownList("KhoiThi", (SelectList)ViewBag.KhoiThi, "Chọn khối thi", new { @class = "form-control", id = "KhoiThi" })
                    </div>
                </div>
            </div>
            <div>

                <label class="control-label col-md-3">Ngành: </label>
                <div class="col-md-9">
                    <div class="form-group">
                        @Html.DropDownList("Nganh", new SelectList(Enumerable.Empty<SelectListItem>(), "IDNganh", "TenNganh"), "Chọn ngành", new { @class = "form-control", id = "Nganh" })
                        @Html.ValidationMessage("Nganh")
                    </div>
                </div>

            </div>
            <div>
                <label class="control-label col-md-3">Trạng thái: </label>
                <div class="col-md-9">
                    <div class="form-group">
                        <select name="TrangThaiKichHoat" class="form-control">
                            <option value="1">Tất cả</option>
                            <option value="2">Đã đóng phí</option>
                            <option value="3">Chưa đóng phí</option>
                        </select>
                    </div>

                </div>
            </div>
        </div>
        <div>
            <div class="col-md-offset-1 col-md-10">
                <input type="submit" value="Thống kê" class="btn btn-danger" />
            </div>
        </div>
    </div>

}

<span name="Error"></span>
<link href="~/Content/css/bootstrap-datetimepicker.min.css" rel="stylesheet" />
<script src="~/Scripts/moment.js"></script>
<script src="~/Scripts/bootstrap-datetimepicker.js"></script>
<script src="~/Scripts/chart/highcharts.js"></script>
<script src="~/Scripts/chart/modules/exporting.js"></script>
<script>
    $(document).ready(function () {
        $.validator.methods["date"] = function (value, element) { return true; }

        $('form').validate({
            rules: {
                TuNgay: {
                    required: true,
                    date: true,

                },
                DenNgay: {
                    required: true,
                    date: true,
                }
            },
            messages: {
                TuNgay: {
                    required: "",
                    date: "Không đúng định dạng ngày"
                },
                DenNgay: {
                    required: "",
                    date: "Không đúng định dạng ngày"
                }
            }
        });
        $('#TuNgaydatetimepicker').datetimepicker({
        });
        $('#DenNgaydatetimepicker').datetimepicker({
        });

        // Step2_Examination
        $("#BacDaoTao").change(function () {
            $("#KhoiThi").change(function () {
                var TSID = $("#BacDaoTao").val();
                $("#Nganh").html('').append($('<option/>', {
                    value: 0,
                    text: "Chọn Ngành..."
                }));
                var groupid = $(this).val();
                $.getJSON("/Common/GetPhylumByGroup", { TLID: TSID, makhoithi: groupid },
                        function (data) {
                            var select = $("#Nganh");
                            select.empty();
                            select.append($('<option/>', {
                                value: 0,
                                text: "Chọn Ngành..."
                            }));
                            $.each(data, function (index, itemData) {
                                select.append($('<option/>', {
                                    value: itemData.Value,
                                    text: itemData.Text
                                }));
                            });
                        });
            });
        });
    })
</script>

<div id="KetQuaTK" class="clear"></div>
